﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>@View.Title</title>

    @* CSS links *@
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/jquery-ui-1.8.12.custom.css")" rel="stylesheet" type="text/css" />

    @* JQuery files *@
    <script src="@Url.Content("~/Scripts/jquery-1.4.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

    @* JQuery UI files *@
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js" type="text/javascript"></script>
    
    @* Random number generator *@
    @{Random r = new Random();}

    @* Räphael and custom code
    <script src="@Url.Content("~/Scripts/raphael-min.js")" type="text/javascript"></script> 
    <script src="@Url.Content("~/Content/raphael_files/paths.js")?x=@r.Next()" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/raphael_files/init.js")?x=@r.Next()" type="text/javascript"></script>*@

    @* Misc jQuery and Javascript *@
    <script type="text/javascript">
        $(document).ready(function () {
            $("#info_box #text img").click(function () {
                $(this).parent().parent().hide();
            });
        });
    </script>

    @* Räphael CSS *@
    <style type="text/css">
    #map {
        float:left;
        clear:both;
        width:1200px;
        height:820px;
    }
 
    .point {
        position:absolute;
        display:none;
        padding:10px 15px;
        background:#7BB9F0;
        font-size:14px;
        font-weight:bold;
     
        /* CSS3 rounded corners */
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius:8px;
    }
 
    .point .close {
        display:block;
        position:absolute;
        top:-10px;
        right:-10px;
        width:24px;
        height:24px;
        text-indent:-9999px;
        outline:none;
        background:url(../img/close.png) no-repeat;
    }
 
    .point img {
        vertical-align:middle;
        margin-right:10px;
    }
    </style>


    <style type="text/css">
        html { height: 100% }
        body { height: 100%; margin: 0px; padding: 0px }
        #map_canvas { height: 100% }
    </style>
    
</head>

<body>
    @RenderBody()
</body>
</html>
